<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<button type="button">传统注册事件</button>
		<button type="button">方法监听注册事件</button>
		<script type="text/javascript">
			var btns = document.querySelectorAll("button");
			//1.传统方式注册,最后一个事件会覆盖前面的事件
			btns[0].onclick = function() {
				alert("xxxz");
			}
			btns[0].onclick = function() {
				alert("dddddddd");
			}
			//2.事件监听注册 addEventListener
			//(1)里面的事件类型是字符串,必定要加引号
			//(2)同一个元素,同一个事件可以添加多个监听器(事件处理程序)
			btns[1].addEventListener("click",function(){
				alert("第一个点击事件");
			});
			btns[1].addEventListener("click",function(){
				alert("第二个事件")
			})
		</script>
	</body>
</html>
